<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex flex-wrap align-center justify-between benben-position-layout flex order_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center order_fd0_0' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
          <image class='order_fd0_0_c0' mode="aspectFit" :src='STATIC_URL+"234.png"'></image>
        </view>
        <view class='flex flex-wrap align-center justify-between order_fd0_1'>
          <view class="position-relative" :class="types==2 ? 'order_fd0_1_c0' : 'order_fd0_1_c1'"
            @click.stop="chooseBig('2')">租赁订单
            <image v-if="types==2" class=' tabsg' mode="aspectFit" :src='STATIC_URL+"513.png"'></image>
          </view>
          <view class="position-relative" :class="types==1 ? 'order_fd0_1_c0' : 'order_fd0_1_c1'"
            @click.stop="chooseBig('1')">购买订单<image v-if="types==1" class=' tabsg' mode="aspectFit"
              :src='STATIC_URL+"513.png"'></image>
          </view>
        </view>
        <view class='flex flex-wrap align-center order_fd0_0'>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---多商订单tabsflex布局开始-->
      <view class="flex align-stretch justify-around benben-flex-layout">
        <view>
          <benben-flex-tabs class-name='order_benbenTabsfd1_0' v-model="type" ref="benben_tabsfd1_0"
            select-mark="benben_tabsfd1_0" key="benben_tabsfd1_0" :open-title-type='false' :open-sticky='true' :top='88'
            :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd1_0" @change="getTabsFunc()">

            <scroll-view @scroll="tabsInfofd1_0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd1_0"
              class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd1_0.moveX"
              scroll-with-animation="all .3s ease">
              <view class="benben-tabs-content" id="benben_tabsfd1_0-content">
                <view id="benben_tabsfd1_0-title" class="benben-tabs-title flex align-center flex ">
                  <view
                    :class="{ 'checkTitlefd1_0': type == '-1', 'flex flex-wrap align-center order_titlefd1_0_c3': true }"
                    @tap="type = '-1'" :id="`benben_tabsfd1_0-title-item-${'-1'}`">

                    <text>{{$t('全部')}}</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd1_0': type == '10', 'flex flex-wrap align-center order_titlefd1_0_c4': true }"
                    @tap="type = '10'" :id="`benben_tabsfd1_0-title-item-${'10'}`">

                    <text>{{$t('待付款')}}</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd1_0': type == '20', 'flex flex-wrap align-center order_titlefd1_0_c4': true }"
                    @tap="type = '20'" :id="`benben_tabsfd1_0-title-item-${'20'}`">

                    <text>待发货/配送</text>

                  </view>

                  <view
                    :class="{ 'checkTitlefd1_0': type == '30', 'flex flex-wrap align-center order_titlefd1_0_c4': true }"
                    @tap="type = '30'" :id="`benben_tabsfd1_0-title-item-${'30'}`">

                    <text>{{$t('待收货')}}</text>

                  </view>
                  <view v-if="types==2"
                    :class="{ 'checkTitlefd1_0': type == '35', 'flex flex-wrap align-center order_titlefd1_0_c4': true }"
                    @tap="type = '35'" :id="`benben_tabsfd1_0-title-item-${'35'}`">

                    <text>租赁中</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd1_0': type == '40', 'flex flex-wrap align-center order_titlefd1_0_c4': true }"
                    @tap="type = '40'" :id="`benben_tabsfd1_0-title-item-${'40'}`">

                    <text>已完成</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd1_0': type == '60', 'flex flex-wrap align-center order_titlefd1_0_c8': true }"
                    @tap="type = '60'" :id="`benben_tabsfd1_0-title-item-${'60'}`">

                    <text>{{$t('退款/售后')}}</text>

                  </view>
                </view>
                <view :style="{ left: tabsInfofd1_0.lineleft, maxWidth: tabsInfofd1_0.lineWidth ,}"
                  id="benben_tabsfd1_0-line" class="benben-tabs-line flex benben-flex-tabs-line order_linefd1_0"></view>
              </view>
            </scroll-view>

          </benben-flex-tabs>

        </view>
      </view>

      <!---多商订单tabsflex布局结束-->
      <!---多商订单商品flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout order_flex_2" v-if="type!='60'">
        <template v-for='(item,key0) in dataList'>
          <view class='flex flex-direction flex-wrap align-stretch order_fd2_0' @tap.stop="handleJumpDiy"
            data-type="navigateTo"
            :data-url="`/pages/ddgl/redemptDetails/redemptDetails?order_id=${item.id}&order_sn=${item.userIdk}&types=${types}`"
            :key='key0'>
            <view class='flex flex-wrap align-center justify-between order_fd2_0_c0'>
              <view class='flex flex-wrap align-center'>
                <image class='order_fd2_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"514.png"'></image>
                <text class='order_fd2_0_c0_c0_c1'>{{item.shopName}}</text>
                <text class='fu-iconfont2  order_fd2_0_c0_c0_c2'>&#xe7f2;</text>
                <view class='flex flex-wrap align-center order_fd2_0_c0_c0_c3' v-if="item.deliverType">
                  <text class='order_fd2_0_c0_c0_c3_c0'>{{item.deliverType==1 ? '店铺配送' :
                  item.deliverType==2 ? '快递' : ''}}</text>
                </view>
              </view>
              <text class='order_fd2_0_c0_c1' v-if="item.stateNum=='10'">待付款</text><text class='order_fd2_0_c0_c1_1'
                v-if="item.stateNum=='20'">{{$t('待发货')}}</text><text class='order_fd2_0_c0_c1_1'
                v-if="item.stateNum=='30'">{{$t('待收货')}}</text><text class='order_fd2_0_c0_c1_1'
                v-if="item.stateNum=='35'">租赁中</text><text class='order_fd2_0_c0_c1_1'
                v-if="(item.stateNum=='40' || item.stateNum=='41' || item.stateNum=='42') && item.isEval !=1">订单待评价</text><text
                class='order_fd2_0_c0_c1_1'
                v-if="(item.stateNum=='40' || item.stateNum=='41' || item.stateNum=='42') && item.isEval ==1">订单已完成</text><text
                class='order_fd2_0_c0_c1_1' v-if="item.stateNum=='4'">{{$t('交易成功')}}</text><text
                class='order_fd2_0_c0_c1_1' v-if="item.stateNum=='60'">{{$t('交易关闭')}}</text><text
                class='order_fd2_0_c0_c1_1' v-if="item.stateNum=='7'">{{$t('预售待付尾款')}}</text>
            </view>
            <template v-for='(child,key1) in item.orderRecItems'>
              <view class='flex align-stretch order_fd2_0_c1' :key='key1'>
                <image class='order_fd2_0_c1_c0' mode="aspectFill" :src='child.coverPic'></image>
                <view class='flex flex-direction flex-wrap align-stretch flex-sub order_fd2_0_c1_c1'>
                  <text class='order_fd2_0_c1_c1_c0'>{{child.comdName}}</text>
                  <text class='order_fd2_0_c1_c1_c1'>{{child.comPropItemNames}}<text
                      v-if="child.propItemName">,{{child.propItemName}}</text></text>
                  <view class='flex flex-wrap align-center justify-between'>
                    <view class='flex flex-wrap align-center' v-if="types==1">
                      <text class='text-red order_fd2_0_c1_c1_c2_c0_c0'>{{$t('¥')}}</text>
                      <text class='text-red order_fd2_0_c1_c1_c2_c0_c1'>
                        <text class=' order_price1_fd2_0_c1_c1_c2_c0_c1'>{{ child.sellPrice | frontPrice }}</text>
                        <text class=' order_price2_fd2_0_c1_c1_c2_c0_c1'>{{ child.sellPrice | laterPrice }}</text>
                      </text>
                    </view>
                    <view class='flex flex-wrap align-center' v-if="types==2">
                      <text class='text-red order_fd2_0_c1_c1_c2_c0_c0'>{{$t('¥')}}</text>
                      <text class='text-red order_fd2_0_c1_c1_c2_c0_c1'>
                        <text class=' order_price1_fd2_0_c1_c1_c2_c0_c1'>{{ child.rentPrice | frontPrice }}</text>
                        <text class=' order_price2_fd2_0_c1_c1_c2_c0_c1'>{{ child.rentPrice | laterPrice }}</text>
                      </text>
                      <text class="text-333 text-weight-600 text-xs margin-left-xs">押金 ¥{{ child.cashMoeny || 0}}</text>
                    </view>
                    <view class='flex flex-wrap align-center'>
                      <text class='order_fd2_0_c1_c1_c2_c1_c0'>x</text>
                      <text class='order_fd2_0_c1_c1_c2_c1_c0'>{{child.secQuantNum}}</text>
                    </view>
                  </view>
                </view>
              </view>
            </template>

            <view class='flex flex-wrap align-center justify-end order_fd2_0_c2'>
              <text class='order_fd2_0_c2_c1'>{{$t('共')}}</text>
              <text class='order_fd2_0_c2_c1'>{{item.sumQuantNum || 0}}</text>
              <text class='order_fd2_0_c2_c3'>{{$t('件商品')}}</text>
              <text class='order_fd2_0_c2_c4'>实付款</text>
              <text class='order_fd2_0_c2_c5'>{{$t('¥')}}</text>
              <text class=' order_fd2_0_c2_c6'>
                <text class=' order_price1_fd2_0_c1_c1_c2_c0_c1'>{{ item.sumAmount | frontPrice }}</text>
                <text class=' order_price2_fd2_0_c1_c1_c2_c0_c1'>{{ item.sumAmount | laterPrice }}</text>
              </text>
            </view>
            <view class='flex flex-wrap align-center justify-end order_fd2_0_c3'>

              <!-- <button class='order_fd2_0_c3_c1'
                @tap.stop="isMultiplePackagesFunc(item,item.is_multiple_package,item.id)"
                v-if="item.stateNum=='30'">{{$t('查看物流')}}</button> -->
              <button class='order_fd2_0_c3_c1' @tap.stop="dltOrderFunc(item.id)"
                v-if="item.stateNum=='40' || item.stateNum=='50'|| item.stateNum=='51'">{{$t('删除订单')}}</button>
              <button class='order_fd2_0_c3_c1' @tap.stop="getCancelIDFunc(item.id)"
                v-if="item.stateNum=='10'">{{$t('取消订单')}}</button>
              <button class='order_fd2_0_c3_c3' @tap.stop="handleJumpDiy" data-type="navigateTo"
                :data-url="`/pages/sy/offerPay/offerPay?order_sn=${item.id}&money=${item.sumAmount}&time=900&recType=1`"
                v-if="item.stateNum=='10'">{{$t('去付款')}}</button>
              <button class='order_fd2_0_c3_c1' v-if="item.stateNum=='20'">{{$t('申请售后')}}</button>

              <button class='order_fd2_0_c3_c3' @tap.stop="remindShipFunc(item.id)"
                v-if="item.stateNum=='20' && item.isShipRem!='1'">{{$t('提醒发货')}}</button>
              <button class='order_fd2_0_c3_c3' @tap.stop="confirmReceiptFunc(item.id)"
                v-if="item.stateNum=='30'">{{$t('确认收货')}}</button>
              <button class='order_fd2_0_c3_c3' @tap.stop="handleJumpDiy" data-type="navigateTo"
                :data-url="`/pages/ddgl/evaluation/evaluation?id=${item.id}&types=${types}`"
                v-if="item.stateNum=='40'&& item.isEval!=1">{{$t('评价')}}</button>
              <button class='order_fd2_0_c3_c1' v-if="item.stateNum=='20' && item.isShipRem=='1'">{{$t('已提醒')}}</button>
            </view>
          </view>
        </template>
        <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
          :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
      </view>

      <!---多商订单商品flex布局结束-->
      <benben-popup v-model="popupShow1679903057541" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---取消订单flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout order_flex_3">
          <view class='flex flex-direction flex-wrap align-stretch order_fd3_0'>
            <view class='flex flex-wrap align-center justify-between order_fd3_0_c0'>
              <text class='order_fd3_0_c0_c0' @tap.stop="popupShow1679903057541=false">{{$t('取消')}}</text>
              <text class='order_fd3_0_c0_c1'>{{$t('取消订单')}}</text>
              <text class='order_fd3_0_c0_c2' @tap.stop="cancelOrderFunc()">{{$t('确定')}}</text>
            </view>
            <view class='flex flex-wrap align-center order_fd3_0_c1'>
              <text class='order_fd3_0_c1_c0'>{{$t('请选择取消订单原因')}}</text>
            </view>

            <scroll-view class='order_fd3_0_c2' :scroll-y='true'>
              <view class='flex flex-direction align-stretch benben-scroll flex'>
                <benben-select-diy ref="showSelectPopup1693558148529" class-name='flex flex-direction flex'
                  :items.sync="cancelType" v-model="return_id" default-type="logCause" default-label="logCause"
                  :allow-cancel='true' type="radio" :disabled='false'>
                  <template v-for='(item,key0) in cancelType'>
                    <view v-if="item.isSelected" class='flex justify-between flex order_fd3_0_c2_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1693558148529.tapHandle(key0)">
                      <text>{{item.logCause}}</text>
                      <image class='order_fd3_0_c2_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"3.png"'></image>
                    </view>
                    <view v-else class='flex justify-between flex order_fd3_0_c2_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1693558148529.tapHandle(key0)">
                      <text>{{item.logCause}}</text>
                      <image class='order_fd3_0_c2_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"289.png"'></image>
                    </view>
                  </template></benben-select-diy>
              </view>
            </scroll-view>

          </view>
        </view>

        <!---取消订单flex布局结束-->

      </benben-popup>
      <!---多商退货flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout order_flex_4" v-if="type=='60'">
        <template v-for='(item,key0) in dataList'>
          <view class='flex flex-direction flex-wrap align-stretch order_fd4_0' @tap.stop="handleJumpDiy"
            data-type="navigateTo"
            :data-url="`/pages/ddgl/detailsRefund/detailsRefund?id=${item.orderRecItems[0].id}&types=${types}`"
            :key='key0'>
            <view class='flex flex-wrap justify-between align-center order_fd4_0_c0'>
              <view class='flex flex-wrap align-center'>
                <image class='order_fd2_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"514.png"'></image>
                <text class='order_fd2_0_c0_c0_c1'>{{item.shopName}}</text>
                <text class='fu-iconfont2  order_fd2_0_c0_c0_c2'>&#xe7f2;</text>
                <view class='flex flex-wrap align-center order_fd2_0_c0_c0_c3' v-if="item.deliverType">
                  <text class='order_fd2_0_c0_c0_c3_c0'>{{item.deliverType==1 ? '平台配送' : '快递'}}</text>
                </view>
              </view>
              <!--   <text class='order_fd4_0_c0_c0'>{{$t('订单编号：')}}</text>
              <text class='order_fd4_0_c0_c1'>{{item.id}}</text> -->
              <view class="flex align-center">
                <text class='order_fd4_0_c0_c2'>{{$t('退货')}}</text>
                <view class='flex flex-wrap align-center'>
                  <text class='order_fd4_0_c0_c3_c0' v-if="item.afterSaleNum=='10'">{{$t('待审核')}}</text><text
                    class='order_fd4_0_c0_c3_c0_1' v-if="item.afterSaleNum=='30'">{{$t('待退款')}}</text><text
                    class='order_fd4_0_c0_c3_c0_1' v-if="item.afterSaleNum=='20'">待收回</text>
                  <text class='order_fd4_0_c0_c3_c0_1' v-if="item.afterSaleNum=='12'">审核失败</text>
                  <text class='order_fd4_0_c0_c3_c0_1' v-if="item.afterSaleNum=='31'">回收失败 </text>
                  <text class='order_fd4_0_c0_c3_c0_1' v-if="item.afterSaleNum=='40'">已完成</text>
                  <text class='order_fd4_0_c0_c3_c0_1' v-if="item.afterSaleNum=='50'">已关闭</text>
                  <text class='order_fd4_0_c0_c3_c0_1' v-if="item.afterSaleNum=='51'">已取消</text>
                </view>
              </view>

            </view>
            <template v-for='(child,key1) in item.orderRecItems'>
              <view class='flex align-stretch order_fd4_0_c1' :key='key1'>
                <image class='order_fd4_0_c1_c0' mode="aspectFill" :src='child.coverPic'></image>
                <view class='flex flex-direction flex-wrap align-stretch flex-sub order_fd4_0_c1_c1'>
                  <text class='order_fd4_0_c1_c1_c0'>{{child.comdName}}</text>
                  <text class='order_fd4_0_c1_c1_c1'>{{child.comPropItemNames}}<text
                      v-if="child.propItemName">,{{child.propItemName}}</text>
                  </text>
                  <view class='flex flex-wrap align-center justify-between'>
                    <view class='flex flex-wrap align-center' v-if="types==1">
                      <text class='text-red order_fd4_0_c1_c1_c2_c0_c0'>{{$t('¥')}}</text>
                      <text class='text-red order_fd4_0_c1_c1_c2_c0_c1'>
                        <text
                          class='text-red order_price1_fd4_0_c1_c1_c2_c0_c1'>{{ child.sellPrice | frontPrice }}</text>
                        <text
                          class='text-red order_price2_fd4_0_c1_c1_c2_c0_c1'>{{ child.sellPrice | laterPrice }}</text>
                      </text>
                    </view>
                    <view class='flex flex-wrap align-center' v-if="types==2">
                      <text class='text-red order_fd4_0_c1_c1_c2_c0_c0'>{{$t('¥')}}</text>
                      <text class=' order_fd4_0_c1_c1_c2_c0_c1'>
                        <text
                          class='text-red order_price1_fd4_0_c1_c1_c2_c0_c1'>{{ child.sellPrice | frontPrice }}</text>
                        <text
                          class='text-red order_price2_fd4_0_c1_c1_c2_c0_c1'>{{ child.sellPrice | laterPrice }}</text>
                      </text>
                    </view>
                    <view class='flex flex-wrap align-center'>
                      <text class='order_fd4_0_c1_c1_c2_c1_c0'>x</text>
                      <text class='order_fd4_0_c1_c1_c2_c1_c0'>{{child.secQuantNum}}</text>
                    </view>
                  </view>
                </view>
              </view>
            </template>
            <view class='flex flex-wrap align-center justify-end order_fd4_0_c2'>
              <button class='order_fd4_0_c2_c0' v-if="item.status=='2'">{{$t('查看详情')}}</button><button
                class='order_fd4_0_c2_c0' @tap.stop="dltRefundOrderFunc(item.id)"
                v-if="item.status=='4' || item.status=='5'">{{$t('删除订单')}}</button><button class='order_fd4_0_c2_c0'
                @tap.stop="dltRefundOrderFunc(item.aid)" v-if="item.status<'0'">{{$t('删除订单')}}</button>
              <button class='order_fd4_0_c2_c1' v-if="item.status!='2'">{{$t('查看详情')}}</button><button
                class='order_fd4_0_c2_c1' @tap.stop="handleJumpDiy" data-type="navigateTo"
                :data-url="`/pages/ddgl/refundLogisticsCheck/refundLogisticsCheck?order_id=${item.id}`"
                v-if="item.status=='2'">{{$t('查看物流')}}</button>
            </view>
          </view>
        </template>
        <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
          :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
      </view>

      <!---多商退货flex布局结束-->
      <benben-popup v-model="popupShow1708479067655" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
        <!---清除本地缓存flex布局开始-->
        <view class="flex benben-flex-layout flex-wrap align-center">
          <view class='flex flex-direction flex-wrap align-center order_fd5_0'>
            <text class='order_fd5_0_c0'>提示</text>
            <text class='order_fd5_0_c1'>请确认是否删除订单？</text>
            <view class='flex align-center order_fd5_0_c2'>
              <button class='order_fd5_0_c2_c0' @tap.stop="popupShow1708479067655=false">取消</button>
              <button class='order_fd5_0_c2_c1' @tap.stop="deleteOrderFunc()">确认</button>
            </view>
          </view>
        </view>

        <!---清除本地缓存flex布局结束-->

      </benben-popup>

      <benben-popup v-model="popupShow1708479409711" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
        <!---清除本地缓存flex布局开始-->
        <view class="flex benben-flex-layout flex-wrap align-center">
          <view class='flex flex-direction flex-wrap align-center order_fd7_0'>
            <text class='order_fd7_0_c0'>提示</text>
            <text class='order_fd7_0_c1'>请确认是否删除订单？</text>
            <view class='flex align-center order_fd7_0_c2'>
              <button class='order_fd7_0_c2_c0' @tap.stop="popupShow1708479409711=false">取消</button>
              <button class='order_fd7_0_c2_c1' @tap.stop="AfterSalesDeleteFunc()">确认</button>
            </view>
          </view>
        </view>

        <!---清除本地缓存flex布局结束-->

      </benben-popup>


    </view>
  </view>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  import {
    validate
  } from '@/common/utils/validate.js'

  export default {
    components: {},
    mixins: [pagingList],

    data() {
      return {
        "popupShow1708479409711": false,
        "popupShow1679650134928": false,
        "popupShow1708479067655": false,
        "popupShow1679903057541": false,
        "tabsInfofd1_0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        "dataList": [],
        "cancelId": "",
        "cancelType": [],
        "dataAfterList": [],
        "invoiceData": [],
        "invoice_id": "",
        "invoice_order_id": "",
        "return_id": "",
        "dltOrderId": "",
        "refundId": "",
        "type": "-1",
        types: '1'
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      let {
        type,
        types
      } = options
      if (type !== undefined) this.type = type
      if (types !== undefined) this.types = types
      // 1 购买 2 租赁
      this.queryCancelTypeFunc()

      this.diyPageListen()
    },
    onUnload() {
      this.diyOffPageListen()
    },
    onReady() {

    },
    onShow() {
      this.getTabsFunc()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {
      this.getTabsFunc()
    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      //订单-删除订单
      async deleteOrderFunc() {
        this.popupShow1708479067655 = false;
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.deleteBuyOrder
        } else {
          urlsdata = global.apiUrls.deleteLeaOrder
        }
        let data6447c3b69f234 = await this.$api.dbPost(urlsdata, {
          id: this.dltOrderId
        });
        if (!data6447c3b69f234) return
        if (data6447c3b69f234.data.code != 0) {
          this.$message.info(data6447c3b69f234.data.msg);
          return
        }



        this.getOrderListFunc()
        uni.showToast({
          title: global.i18n.t('删除成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
      },

      //获取发票订单id
      getinvoice_order_idFunc(id) {
        this.invoice_order_id = id;
        this.popupShow1679650134928 = true;
      },
      //使用发票
      async isokfapiaoFunc() {
        //请求方法
        //数据验证

        let data641ebe3244065 = await this.$api.dbPost(global.apiUrls.post641ebe3244065, {
          order_id: this.invoice_order_id,
          invoice_header_id: this.invoice_id
        });
        if (!data641ebe3244065) return
        if (data641ebe3244065.data.code != 1) {
          this.$message.info(data641ebe3244065.data.msg);
          return
        }



        uni.showToast({
          title: global.i18n.t('开票成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        this.popupShow1679650134928 = false;
        this.invoice_id = '';
        this.getOrderListFunc()
      },
      //订单-订单列表
      getOrderListFunc() {
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.qryAppBuyOrderRec
        } else {
          urlsdata = global.apiUrls.qryAppLeaOrderRec
        }
        this.minixPagingListsApi = urlsdata;
        this.pageingListApiMethod = 'get';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          stateNum: this.type
        }
        this.listData = [];
        this.dataList = this.listData;
        this.pagingListToggle();

      },
      //取消订单
      async cancelOrderFunc() {
        if (!validate(this.return_id, 'require')) {
          this.$message.info(global.i18n.t('请选择取消原因'));
          return false;
        }
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.cancelReasonBuyOrder
        } else {
          urlsdata = global.apiUrls.cancelReasonLeaOrder
        }
        let data62cb8b8438141 = await this.$api.dbPost(urlsdata, {
          id: this.cancelId,
          cancelReason: this.return_id
        });
        if (data62cb8b8438141.data.code != 0) {
          this.$message.info(data62cb8b8438141.data.msg);
          return
        }
        this.popupShow1679903057541 = false;
        setTimeout(() => {
          uni.showToast({
            title: global.i18n.t('取消成功'),
            mask: true,
            icon: 'none',
            duration: 1500
          });
          this.getOrderListFunc()
        }, 300)
      },
      //获取取消订单id
      getCancelIDFunc(id) {
        this.return_id = '';
        this.cancelId = id;
        this.popupShow1679903057541 = true;
      },
      //订单-查询取消原因
      async queryCancelTypeFunc() {
        //请求方法
        //数据验证

        let datacancelType = await this.$api.get(global.apiUrls.qrySelectCause, {
          typeNum: '1',
        });

        if (datacancelType.data.code != 0) {
          this.$message.info(datacancelType.data.msg);
          return
        }
        let infocancelType = datacancelType.data;
        this.cancelType = infocancelType.data.records

      },
      //提醒发货
      async remindShipFunc(id) {
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.remindDeliBuyOrder
        } else {
          urlsdata = global.apiUrls.remindDeliLeaOrder
        }
        let data62bec4f86725d = await this.$api.dbPost(urlsdata, {
          id: id
        });
        if (!data62bec4f86725d) return
        if (data62bec4f86725d.data.code != 0) {
          this.$message.info(data62bec4f86725d.data.msg);
          return
        }



        uni.showToast({
          title: global.i18n.t('提醒成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        this.getOrderListFunc()
      },
      //确认收货
      async confirmReceiptFunc(id) {
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.confirmReceBuyOrder
        } else {
          urlsdata = global.apiUrls.confirmReceLeaOrder
        }
        let data64218bff49e61 = await this.$api.dbPost(urlsdata, {
          id: id
        });
        if (!data64218bff49e61) return
        if (data64218bff49e61.data.code != 0) {
          this.$message.info(data64218bff49e61.data.msg);
          return
        }



        uni.showToast({
          title: global.i18n.t('收货成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        this.getOrderListFunc()
      },

      //切换tabs
      getTabsFunc() {
        this.getOrderListFunc()
      },
      chooseBig(type) {
        this.types = type
        this.getOrderListFunc()
      },
      //售后删除
      async AfterSalesDeleteFunc() {
        //请求方法
        //数据验证

        let data6427dbbacba58 = await this.$api.dbPost(global.apiUrls.post6427dbbacba58, {
          id: this.refundId
        });
        if (!data6427dbbacba58) return
        if (data6427dbbacba58.data.code != 1) {
          this.$message.info(data6427dbbacba58.data.msg);
          return
        }



        this.popupShow1708479409711 = false;
        uni.showToast({
          title: global.i18n.t('删除成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        this.queryAfterListFunc()
      },
      //是否多包裹
      isMultiplePackagesFunc(item, type, orderId) {

        if (type == '1') {
          this.$urouter.navigateTo(`/pages/ddgl/packages/packages?order_id=${orderId}`);
        } else {
          this.$urouter.navigateTo(`/pages/ddgl/logisticsCheck/logisticsCheck?order_id=${orderId}`);
        }
      },
      //删除订单
      dltOrderFunc(id) {
        this.dltOrderId = id;
        this.popupShow1708479067655 = true;
      },
      //删除售后订单
      dltRefundOrderFunc(id) {
        this.refundId = id;
        this.popupShow1708479409711 = true;
      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      },
      //页面监听
      diyPageListen() {
        uni.$on('shenqingchengg', (data) => {
          this.getOrderListFunc()
        });
        uni.$on('shenqingchenggss', (data) => {
          this.queryAfterListFunc()
        });
      },
      //注销页面监听
      diyOffPageListen() {
        uni.$off('shenqingchengg');
        uni.$off('shenqingchenggss');
      }
    }
  };
</script>
<style lang="scss" scoped>
  .tabsg {
    width: 34rpx;
    height: 12rpx;
    position: absolute;
    bottom: -16rpx;
    left: 35%;
    z-index: 2
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: #F8F8F8;
    background-size: 100% auto;
  }

  .order_flex_0 {
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .order_fd0_1_c1 {
    color: #333333;
    font-size: 36rpx;
    line-height: 50rpx;
  }

  .order_fd0_1_c0 {
    color: #327ffb;
    font-size: 36rpx;
    line-height: 50rpx;
    font-weight: 600;
  }

  .order_fd0_1 {
    width: 320rpx;
  }

  .order_fd0_0_c0 {
    width: 20rpx;
    height: 36rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .order_fd0_0 {
    width: 100rpx;
    height: 88rpx;
  }

  .order_titlefd1_0_c8 {
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .order_titlefd1_0_c4 {
    margin: 0rpx 52rpx 0rpx 0rpx;
  }

  .order_titlefd1_0_c3 {
    margin: 0rpx 52rpx 0rpx 24rpx;
  }

  .order_linefd1_0 {
    background: url(image-path('513.png')) no-repeat;
    width: 34rpx;
    height: 12rpx;
    top: 70rpx;
    background-size: 100% auto !important;
    border-radius: 80rpx 80rpx 80rpx 80rpx;
  }

  .checkTitlefd1_0 {
    font-weight: 700 !important;
    font-size: 32rpx !important;
    color: #333333 !important;
    background-color: rgba(255, 255, 255, 1) !important;
  }

  ::v-deep .order_benbenTabsfd1_0 {
    background: #fff;
    width: 750rpx;
    height: 90rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
  }

  .order_flex_2 {
    padding: 24rpx 24rpx 0rpx 24rpx;
  }

  .order_fd2_0_c3_c3 {
    background: var(--benbenbgColor7);
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    font-size: 24rpx;
    color: #fff;
    width: 144rpx;
    height: 56rpx;
    line-height: 56rpx;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .order_fd2_0_c3_c1 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #333;
    width: 144rpx;
    height: 56rpx;
    line-height: 56rpx;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .order_fd2_0_c3_c0 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #333;
    width: 144rpx;
    height: 56rpx;
    line-height: 56rpx;
  }

  .order_fd2_0_c3 {
    margin: 32rpx 0rpx 32rpx 0rpx;
  }

  .order_fd2_0_c2_c6 {
    color: #333;
    font-weight: 700;
    line-height: 40rpx;
    font-size: 22rpx;
  }

  .order_fd2_0_c2_c5 {
    line-height: 40rpx;
    font-size: 22rpx;
    font-weight: 700;
    color: #333;
  }

  .order_fd2_0_c2_c4 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    margin: 0rpx 11rpx 0rpx 0rpx;
  }

  .order_fd2_0_c2_c3 {
    margin: 0rpx 16rpx 0rpx 0rpx;
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 500;
    color: #999999;
  }

  .order_fd2_0_c2_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
  }

  .order_fd2_0_c2_c0_1 {
    border: 1px solid rgba(253, 81, 61, 1);
    margin: 0rpx auto 0rpx 0rpx;
    padding: 3rpx 6rpx 3rpx 6rpx;
    font-size: 24rpx;
    color: rgba(253, 81, 61, 1);
    border-radius: 8rpx;
  }

  .order_fd2_0_c2_c0 {
    border: 1px solid var(--benbenbdColor2);
    margin: 0rpx auto 0rpx 0rpx;
    padding: 3rpx 6rpx 3rpx 6rpx;
    font-size: 24rpx;
    color: var(--benbenFontColor7);
    border-radius: 8rpx;
  }

  .order_fd2_0_c2 {
    border-top: 1px solid #eee;
    padding: 24rpx 0rpx 0rpx 0rpx;
  }

  .order_fd2_0_c1_c1_c2_c1_c0 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
  }

  .order_price2_fd2_0_c1_c1_c2_c0_c1 {
    font-size: 22rpx;
  }

  .order_price1_fd2_0_c1_c1_c2_c0_c1 {
    font-size: 32rpx;
  }

  .order_fd2_0_c1_c1_c2_c0_c1 {
    // color: var(--benbenFontColor0);
    font-weight: 700;
    line-height: 40rpx;
    font-size: 22rpx;
  }

  .order_fd2_0_c1_c1_c2_c0_c0 {
    line-height: 40rpx;
    font-size: 22rpx;
    font-weight: 700;
    // color: var(--benbenFontColor0);
  }

  .order_fd2_0_c1_c1_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
    margin: 8rpx 0rpx auto 0rpx;
  }

  .order_fd2_0_c1_c1_c0 {
    line-height: 45rpx;
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .order_fd2_0_c1_c1 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .order_fd2_0_c1_c0 {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .order_fd2_0_c1 {
    margin: 0rpx 0rpx 32rpx 0rpx;
  }

  .order_fd2_0_c0_c1_1 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor4);
  }

  .order_fd2_0_c0_c1 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
  }

  .order_fd2_0_c0_c0_c3_c0 {
    color: var(--benbenFontColor4);
    font-size: 22rpx;
  }

  .order_fd2_0_c0_c0_c3 {
    background: rgba(50, 127, 251, 0.1);
    background-size: 100% auto;
  }

  .order_fd2_0_c0_c0_c2 {
    font-size: 22rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .order_fd2_0_c0_c0_c1 {
    color: var(--benbenFontColor0);
    margin: 0rpx 12rpx 0rpx 12rpx;
  }

  .order_fd2_0_c0_c0_c0 {
    width: 30rpx;
    height: 28rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .order_fd2_0_c0 {
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .order_fd2_0 {
    background: #fff;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background-size: 100% auto !important;
    padding: 0rpx 24rpx 0rpx 24rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .order_flex_3 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .order_fd3_0_c2_c0_c0_c1 {
    width: 32rpx;
    height: 32rpx;
  }

  .order_fd3_0_c2_c0_c0 {
    padding: 20rpx 0rpx 20rpx 0rpx;
  }

  .order_fd3_0_c2 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
    margin: 0rpx auto 40rpx auto;
  }

  .order_fd3_0_c1_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    padding: 25rpx 24rpx 25rpx 24rpx;
  }

  .order_fd3_0_c1 {
    background: #F8F8F8;
  }

  .order_fd3_0_c0_c2 {
    font-size: 28rpx;
    font-weight: 700;
    color: var(--benbenFontColor4);
    line-height: 40rpx;
  }

  .order_fd3_0_c0_c1 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
  }

  .order_fd3_0_c0_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
    line-height: 40rpx;
  }

  .order_fd3_0_c0 {
    padding: 32rpx 32rpx 32rpx 32rpx;
  }

  .order_fd3_0 {
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .order_flex_4 {
    padding: 24rpx 24rpx 0rpx 24rpx;
  }

  .order_fd4_0_c2_c1 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #333;
    width: 160rpx;
    height: 56rpx;
    line-height: 56rpx;
  }

  .order_fd4_0_c2_c0 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #333;
    width: 160rpx;
    height: 56rpx;
    line-height: 56rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .order_fd4_0_c2 {
    border-top: 1px solid #eee;
    margin: 0rpx 0rpx 32rpx 0rpx;
    padding: 24rpx 0rpx 0rpx 0rpx;
  }

  .order_fd4_0_c1_c1_c2_c1_c0 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
  }

  .order_price2_fd4_0_c1_c1_c2_c0_c1 {
    font-size: 22rpx;
  }

  .order_price1_fd4_0_c1_c1_c2_c0_c1 {
    font-size: 32rpx;
  }

  .order_fd4_0_c1_c1_c2_c0_c1 {
    color: var(--benbenFontColor0);
    font-weight: 700;
    line-height: 40rpx;
    font-size: 22rpx;
  }

  .order_fd4_0_c1_c1_c2_c0_c0 {
    line-height: 40rpx;
    font-size: 22rpx;
    font-weight: 700;
    color: #e54d42;
  }

  .order_fd4_0_c1_c1_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
    margin: 8rpx 0rpx auto 0rpx;
  }

  .order_fd4_0_c1_c1_c0 {
    line-height: 42rpx;
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .order_fd4_0_c1_c1 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .order_fd4_0_c1_c0 {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .order_fd4_0_c1 {
    margin: 0rpx 0rpx 32rpx 0rpx;
  }

  .order_fd4_0_c0_c3_c0_1 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor5);
  }

  .order_fd4_0_c0_c3_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
  }

  .order_fd4_0_c0_c2_1 {
    border: 1px solid rgba(47, 152, 254, 1);
    background: rgba(47, 152, 254, 0.06);
    color: rgba(47, 152, 254, 1);
    font-size: 22rpx;
    font-weight: 500;
    border-radius: 40rpx 40rpx 0rpx 40rpx;
    padding: 0rpx 10rpx 0rpx 10rpx;
    margin: 0rpx 10rpx 0rpx 0rpx;
    line-height: 32rpx;
    height: 32rpx;
  }

  .order_fd4_0_c0_c2 {
    border: 1px solid var(--benbenbdColor8);
    background: rgba(47, 152, 254, 0.06);
    color: var(--benbenFontColor4);
    font-size: 22rpx;
    font-weight: 500;
    border-radius: 40rpx 40rpx 0rpx 40rpx;
    padding: 0rpx 10rpx 0rpx 10rpx;
    margin: 0rpx 10rpx 0rpx 0rpx;
    line-height: 32rpx;
    height: 32rpx;
  }

  .order_fd4_0_c0_c1 {
    margin: 0rpx auto 0rpx 0rpx;
    color: var(--benbenFontColor2);
    font-size: 28rpx;
  }

  .order_fd4_0_c0_c0 {
    font-size: 28rpx;
    color: var(--benbenFontColor2);
  }

  .order_fd4_0_c0 {
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .order_fd4_0 {
    background: #fff;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background-size: 100% auto !important;
    padding: 0rpx 24rpx 0rpx 24rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .order_fd5_0_c2_c1 {
    background: var(--benbenbgColor1);
    font-size: 32rpx;
    color: #327FFB;
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 500;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
  }

  .order_fd5_0_c2_c0 {
    border-right: 1px solid #eee;
    background: #fff;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 400;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
  }

  .order_fd5_0_c2 {
    border-top: 1px solid #eee;
    margin: 51rpx 0rpx 0rpx 0rpx;
  }

  .order_fd5_0_c1 {
    line-height: 44rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 32rpx 40rpx 0rpx 40rpx;
  }

  .order_fd5_0_c0 {
    line-height: 44rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .order_fd5_0 {
    background: #fff;
    width: 540rpx;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .order_flex_6 {
    background: #FFFFFF;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 41rpx 24rpx 40rpx 24rpx;
  }

  .order_fd6_3 {
    background: var(--benbenbgColor5);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: rgba(102, 102, 102, 1);
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin: 0rpx 8rpx 0rpx 8rpx;
  }

  .order_fd6_2 {
    background: var(--benbenbgColor7);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor3);
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin: 56rpx 8rpx 24rpx 8rpx;
  }

  .order_fd6_1_c1_c0 {
    width: 400rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .order_fd6_1_c1 {
    width: 100%;
    padding: 50rpx 0rpx 50rpx 0rpx;
  }

  .order_fd6_1_c0_c0_c1_c1_c1_c1 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .order_fd6_1_c0_c0_c1_c1_c1_c0 {
    width: 30rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .order_fd6_1_c0_c0_c1_c1_c0_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .order_fd6_1_c0_c0_c1_c1_c0_c0_c1 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 0rpx 0rpx 0rpx 10rpx;
  }

  .order_fd6_1_c0_c0_c1_c1_c0_c0_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .order_fd6_1_c0_c0_c1_c1 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .order_fd6_1_c0_c0_c1_c0_c2_c0_1 {
    color: #B82441;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .order_fd6_1_c0_c0_c1_c0_c2 {
    background: var(--benbenbgColor8);
    margin: 0rpx 0rpx 0rpx auto;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 0rpx 8rpx 0rpx 8rpx;
  }

  .order_fd6_1_c0_c0_c1_c0_c1_c0 {
    color: var(--benbenFontColor5);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .order_fd6_1_c0_c0_c1_c0_c1 {
    background: var(--benbenbgColor8);
    margin: 0rpx 0rpx 0rpx 16rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 0rpx 8rpx 0rpx 8rpx;
  }

  .order_fd6_1_c0_c0_c1_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 40rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 400rpx;
  }

  .order_fd6_1_c0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .order_fd6_1_c0_c0_c0 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .order_fd6_1_c0_c0 {
    background: #F8F8F8;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 32rpx 32rpx 32rpx;
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  ::v-deep .order_fd6_1_c0 {
    width: 702rpx;
  }

  .order_fd6_1 {
    touch-action: none;
    height: 40vh;
    width: 702rpx;
  }

  .order_fd6_0_c3 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: absolute;
    top: -16rpx;
    right: 0rpx;
  }

  .order_fd6_0_c1 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 50rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .order_fd6_0_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .order_fd6_0 {
    position: relative;
  }

  .order_fd7_0_c2_c1 {
    background: var(--benbenbgColor1);
    font-size: 32rpx;
    color: var(--benbenFontColor5);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 500;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
  }

  .order_fd7_0_c2_c0 {
    border-right: 1px solid #eee;
    background: #fff;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 400;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
  }

  .order_fd7_0_c2 {
    border-top: 1px solid #eee;
    margin: 51rpx 0rpx 0rpx 0rpx;
  }

  .order_fd7_0_c1 {
    line-height: 44rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 32rpx 40rpx 0rpx 40rpx;
  }

  .order_fd7_0_c0 {
    line-height: 44rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .order_fd7_0 {
    background: #fff;
    width: 540rpx;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }
</style>
